<template>
<h1>El-开关组件</h1>
  <el-switch v-model="value1" />
  <el-switch
      v-model="value2"

      style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
  />
  <hr>
  <img src="fcq.jpg"  width="200" v-if="isShow">
  <hr>
  <el-switch v-model="isShow" />
  <hr>
  <el-switch v-model="num" :active-value="1" :inactive-value="0"/>
  <el-switch v-model="numStr" :active-value="'1'" inactive-value="'0'"/>
</template>

<script setup>
import { ref } from 'vue';

const value1 = ref(true);
const value2 = ref(true);
const isShow = ref(true);
const num = ref(1);
const numStr = ref('1');
</script>

<style scoped>

</style>